<template>
    <el-container>
        <el-aside width="200px">
            <el-menu default-active="1" class="el-menu-vertical-demo">
                <el-menu-item index="1">
                    <router-link to="/">首页</router-link>
                </el-menu-item>
                <el-menu-item index="2">
                    <router-link to="/restaurants">餐厅</router-link>
                </el-menu-item>
                <el-menu-item index="3">
                    <router-link to="/user">用户信息</router-link>
                </el-menu-item>
            </el-menu>
        </el-aside>
    </el-container>
</template>

<script>
    export default {
        name: 'NavigationBar'
    };
</script>

<style scoped>
    .el-aside {
        position: fixed;
        width: 200px;
        height: 100vh;
        overflow: auto;
    }
</style>